@media screen and (max-width:320px){
    body{font-size: 14px}
}
@media screen and (min-width:320px) and (max-width:400px){
    body{font-size:16px}
}
@media screen and (min-width:400px){
    body{font-size:18px}
}
*{
    margin:0;
    padding:0;
}
form{
    padding: 1rem;
}
.pic{
    position:absolute;
    top:0.8rem;
    left:0.7rem;
    width:1rem;
    height:1.4rem;
}
.create{
    border-bottom: 0.05px solid #cccccc;
    text-align: center;
    height:2rem;
    font-size: 0.9px;
    padding-top:0.75rem;
}
.text1{
    margin:1rem 0;
    text-indent:0.4rem;
}
.name1{
    border-bottom: 0.05rem solid #cccccc;
}
#username{
    border: none;
    margin:0.1rem 0.14rem;
    height:1.4rem;
}
.text1 input{
    border: none;
    margin:0.1rem 0.7rem;
    height:1.4rem;
}
.yanzhengma{
    margin:0.1rem 0;
}
.yanzhengma input{
    border:none;
    height:1.2rem;
    text-indent:0.4rem;
}
.yanzhengma span{
    padding-left: 0.3rem;

    display: inline-block;
    color:#1a65e6;
    font-size:16px;
}
#yanzhengmaBtn{
    background: none;
    padding-left:0.5rem;
    margin-bottom: 0.2rem;
    border-left:0.01rem solid #cccccc;
}
.mm1{
    line-height:0.8rem;
}
.mm2{
    line-height:0.8rem;
    margin-top:0.5rem;
}
.zhucebtn{
    padding:0.5rem 2rem;
    margin:1.5rem 0.5rem;
    background:#8e8e8e;
    width:94%;
    color:#333;
    font-size:18px;
    border:none;
}

#pwd1{
    border:none;
    padding:0.5rem;

}
#pwd2{
    border:none;
    padding:0.5rem;
}

.yanzhengma,.mm1,.mm2{
    border-bottom: 0.05rem solid #ccc;
}
.xy a{
    color:#1a65e6;
    text-decoration: none;
}
#usernameerror,#phoneerror,#yzmerror,#pwd1error,#pwd2error{
    font-size: 10px;
    color:red;
}
input{
    outline: none;
    background: none;
    font-size: 14px;
}
#items{
    position:fixed;
    bottom:-25rem;
    font-size: 14px;
    height:25rem;
    z-index: 9999999999999;
    background: #fff;
}
@keyframes fadeIn1{
    from{
        bottom:-25rem;
    }
    to{
        bottom:0;
    }
}
@keyframes fadeOut1 {
    from{
        bottom:0;
    }
    to{
        bottom:-25rem;
    }
}
.fadeIn1{
    animation: fadeIn1 0.5s forwards;
}
.fadeOut1{
    animation: fadeOut1 0.5s forwards;
}


